<template>
  <div id="app"><router-view></router-view>
    <login></login>
    <ban-dialog></ban-dialog>
  </div>

<!-- <comment-item></comment-item> -->
</template>
<script>
import Post from "./views/Post.vue";
import Editor from "./views/Editor.vue";
import Forum from "./views/Forum.vue";
import ForumAdmin from "./views/ForumAdmin.vue";
import login from "./views/login.vue";
import CommentItem from "./components/postItems/CommentItem.vue";
import BanDialog from "./views/BanDialog.vue";
export default {
  components: { Editor, Forum, Post, ForumAdmin,login,CommentItem,BanDialog },
  name: "App",
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
  list-style: none;
}
#app {
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */

  color: #2c3e50;
}
.d-flex {
  display: flex;
}
html {
  background: #f9f9f9;
}
:root {
  --text-regular: #606266;
  --text-primary: #409eff;
  --text-secondary:#909399;

  --border-c: #e3e5e7;
}
a{
  color:var(--text-regular)
}
 
</style>
